<template>
	<div :class="{'container':!inline}">
		<div class="title">
			<div>{{ pageName }}</div>
		</div>
	</div>
</template>

<script>
	export default {
		name: 'Title',
		props: {
			pageName: {
				type: String,
				default: ''
			},
			inline:{
				type:Boolean,
				default:false
			}
		},
		created(){
			
		},
		data() {
			return {
				value: ''
			}
		},
		methods: {

		}
	}
</script>

<style scoped lang="less">
	.container {
		width: 1200px;
		margin: 0 auto;
	}

	.title {
		min-width: 249px;
		height: 40px;
		margin-bottom: 20px;
		margin-top: 40px;
		line-height: 40px;
		text-indent: 20px;
		color: #333;
		font-weight: 600;
		background: url(../assets/project-title.png) no-repeat;
	}
</style>
